@import '../../base/base.less';
#Index {
    padding-bottom: 40px;
    >.v-header {
        z-index: 11;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        box-shadow: 0 1px 8px 0 rgba(7, 17, 27, .06);
            >.headers {
        height: 40px;
        background-color: @color-border;
        span {
            line-height: 40px;
            font-size: 14px;
            color: @color-txt2;
            &.base-color {
                color: @base-color;
            }
        }
        .left {
            span {
                &:nth-of-type(1) {
                    margin-right: 49px;
                }
                &:nth-of-type(2) {
                    margin-right: 30px;
                }
            }
        }
        .right {
            span:nth-of-type(1) {
                margin-right: 29px;
            }
            span:nth-of-type(2) {
                margin-right: 30px;
            }
            .line {
                position: relative;
                top: 5px;
                display: inline-block;
                height: 20px;
                width: 1px;
                background-color: @color-txt3;
                margin-right: 35px;
            }
        }
    }
        .types {
            height: 80px;
            border-bottom: 1px solid @color-border;
            padding-top: 14px;
            background-color: #FFFFFF;
            >div {
                position: relative;
            }
            .left {
                width: 40px;
                height: 40px;
                margin-right: 59px;
                background-color: @color-border;
                position: relative;
                top: 5px;
            }
            .published {
                position: absolute;
                right: 0;
                bottom: 7px;
                >li {
                    margin-left: 27px;
                    border: 1px solid @base-color;
                    color: @base-color;
                    width: 80px;
                    height: 36px;
                    border-radius: 4px;
                }
            }
            .right {
                li {
                    position: relative;
                    line-height: 66px;
                    margin-right: 59px;
                    font-size: 18px;
                    color: @color-txt2;
                    &.nth-of-last-type(1) {
                        margin-right: 0;
                    }
                    &:after {
                        display: block;
                        content: '';
                        position: absolute;
                        bottom: 0;
                        left: 50%;
                        height: 4px;
                        width: 110%;
                        transform: translateX(-50%);
                        background-color: transparent;
                    }
                    &.active {
                        color: @base-color;
                    }
                    &.active:after {
                        background-color: @base-color;
                    }
                }
            }
        }
    }
    >.header-place {
        height: 120px;
    }

    .map {
        width: 400px;
        height: 300px;
    }
}